import React from 'react';
import {Link} from 'react-router';
import { Carousel } from 'antd';
import Menus from './Menus';
import 'antd/dist/antd.css';
export default class Index extends React.Component{
    constructor(props) {
         super(props);
    }
    render(){
        return(
            <div>
                <Carousel autoplay>
                    <div>
                        <img src="img/indexthree/banner7.png" alt="" style={{width:'100%'}}/>
                    </div>
                    <div>
                        <img src="img/indexthree/banner10.jpg" alt="" style={{width:'100%'}}/>
                    </div>
                    <div>
                        <img src="img/indexthree/banner5.jpg" alt="" style={{width:'100%'}}/>
                    </div>
                </Carousel>
                <div className="index-title">
                    <div className="index-title-tip special-color1"></div>
                    <p>家政保洁服务</p>
                </div>
                <div className="clearfloat">
                    <Link to='/orderHouseIndex' className="around clearfloat around-1">
                        <div className="around-left">
                            <p>家庭保洁</p>
                            <p>原价149元</p>
                            <p>会员135起</p>
                        </div>
                        <div className="around-right">
                            <img src="img/indexthree/index-1.png" alt=""/>
                        </div>
                    </Link>
                    <a href="order-deep-index.html" className="around clearfloat around-2">
                        <div className="around-left">
                            <p>深度养护</p>
                            <p>开荒，擦玻璃</p>
                            <p>油烟机清洗</p>
                        </div>
                        <div className="around-right">
                            <img src="img/indexthree/index-2.png" alt=""/>
                        </div>
                    </a>
                    <a href="#" className="around clearfloat around-1">
                        <div className="around-left">
                            <p>家务定制初体验</p>
                            <p>新用户首单</p>
                            <p>369元/4次</p>
                        </div>
                        <div className="around-right">
                            <img src="img/indexthree/baoyuechutiyan.png" alt=""/>
                        </div>
                    </a>
                    <a href="#" className="around clearfloat around-2">
                        <div className="around-left">
                            <p>家务订制</p>
                            <p>个性化订制</p>
                            <p>全年85折优惠</p>
                        </div>
                        <div className="around-right">
                            <img src="img/indexthree/index-4.png" alt=""/>
                        </div>
                    </a>
                </div>
                <div className="index-title">
                    <div className="index-title-list">
                        <div className="index-title-tip special-color2"></div>
                        <p>母婴到家</p>
                    </div>
                    <div className="index-title-list">
                        <div className="index-title-tip special-color3"></div>
                        <p>老年到家</p>
                    </div>
                </div>
                <div className="clearfloat">
                    <a href="order-mother-baby-index.html" className="around clearfloat around-1">
                        <div className="around-left">
                            <p>母婴家庭</p>
                            <p>一站式服务</p>
                        </div>
                        <div className="around-right">
                            <img src="img/indexthree/index-6.png" alt=""/>
                        </div>
                    </a>
                    <a href="order-old-index.html" className="around clearfloat around-2">
                        <div className="around-left">
                            <p>养老护工</p>
                            <p>贴心家事</p>
                            <p>亲情陪伴</p>
                        </div>
                        <div className="around-right">
                            <img src="img/indexthree/index-3.png" alt=""/>
                        </div>
                    </a>
                </div>
                <Menus/>
            </div>
        )
    }


}